@charset "utf-8";


/*关于我们*/
#main #us .bg{
    height: calc((420/192)*1rem);
    background: url("../img/bg2.png") no-repeat center/100%;
}
#main #us .u-nav{
    width: calc((1434/192)*1rem);
    height: calc((192/192)*1rem);
    font-size: calc((18/192)*1rem);
}
#main #us .u-nav li{
    width: calc((239/192)*1rem);
}
#main #us .u-nav li div h3{
    background: no-repeat center top/100%;
}
#main #us .u-nav li div {
    margin-top: calc((40/192)*1rem);
    margin-left: calc((80/192)*1rem);
}
#main #us .u-nav li:nth-child(1) div h3{
    width: calc((74/192)*1rem);
    height: calc((74/192)*1rem);
    background-image: url("../img/about1.png");
}
#main #us .u-nav li:nth-child(2) div h3{
    width: calc((77/192)*1rem);
    height: calc((75/192)*1rem);
    background-image: url("../img/teacher1.png");
}
#main #us .u-nav li:nth-child(3) div h3{
    width: calc((60/192)*1rem);
    height: calc((75/192)*1rem);
    background-image: url("../img/customer1.png");
}
#main #us .u-nav li:nth-child(4) div h3{
    width: calc((77/192)*1rem);
    height: calc((75/192)*1rem);
    background-image: url("../img/results1.png");
}
#main #us .u-nav li:nth-child(5) div h3{
    width: calc((73/192)*1rem);
    height: calc((73/192)*1rem);
    background-image: url("../img/history1.png");
}
#main #us .u-nav li:nth-child(6) div h3{
    width: calc((93/192)*1rem);
    height: calc((75/192)*1rem);
    background-image: url("../img/culture1.png");
}

#main #us .u-nav li:nth-child(1) div h3.on{
    background-image: url("../img/about2.png");
}
#main #us .u-nav li:nth-child(2) div h3.on{
    background-image: url("../img/teacher2.png");
}
#main #us .u-nav li:nth-child(3) div h3.on{
    background-image: url("../img/customer2.png");
}
#main #us .u-nav li:nth-child(4) div h3.on{
    background-image: url("../img/results2.png");
}
#main #us .u-nav li:nth-child(5) div h3.on{
    background-image: url("../img/history2.png");
}
#main #us .u-nav li:nth-child(6) div h3.on{
    background-image: url("../img/culture2.png");
}
#main #us .u-nav li div p.on{
    color:#e7000a;
}

#main #us .u-nav li div p{
    margin-top: calc((15/192)*1rem);
    color: #787878;
}
#main #us .u-nav li span{
    width: calc((2/192)*1rem);
    height: calc((100/192)*1rem);
    margin-top: calc((40/192)*1rem);
    background:url("../img/6.png") no-repeat center/100%;
}

/*公司简介*/
#main #us .ab-content{

    background-color: #f8f8f8;
}
#main #us .ab-content .ab-us,
#main #us .ab-content .contact > div{
    width: calc((1192/192)*1rem);
}
#main #us .ab-content .ab-us{
    height: calc((1158/192)*1rem);
    padding-top: calc((56/192)*1rem);

}
#main #us .ab-content .ab-us h4,
#main #us .ab-content .ab-us > p{
    text-align: center;
}
#main #us .ab-content .ab-us h4{
    color:#333;
    font-size: calc((30/192)*1rem);
    font-weight: 500;
}
#main #us .ab-content .ab-us > p{
    color:#828282;
    font-size: calc((22/192)*1rem);
   
}
#main #us .ab-content .ab-us .top{
    margin-top: calc((80/192)*1rem);
}
#main #us .ab-content .ab-us .top .t-left,
#main #us .ab-content .ab-us .bottom .b-left{
    width: calc((567/192)*1rem);
}
#main #us .ab-content .ab-us .top .t-left{
    height: calc((450/192)*1rem);
    background: url("../img/100477877.png") no-repeat center/100%;
}
#main #us .ab-content .ab-us .top .t-left h5,
#main #us .ab-content .ab-us .bottom .b-right h5{
    top:calc((-26/192)*1rem) ;
    background: #e60012;
    color: white;
    font-size: calc((30/192)*1rem);
    font-weight: 500;
    text-align: center;
}
#main #us .ab-content .ab-us .top .t-left h5{
    width: calc((142/192)*1rem);
    height: calc((130/192)*1rem);
    line-height: calc((130/192)*1rem);
}
#main #us .ab-content .ab-us .top .t-right,
#main #us .ab-content .ab-us .bottom .b-right{
    width: calc((561/192)*1rem);
}
#main #us .ab-content .ab-us .top .t-right{

    padding: calc((38/192)*1rem) 0;
}
#main #us .ab-content .ab-us .top .t-right,
#main #us .ab-content .ab-us .bottom .b-left p{
    font-size: calc((18/192)*1rem);
    text-indent: calc((36/192)*1rem);
    line-height: calc((48/192)*1rem);
}
#main #us .ab-content .ab-us .bottom{
    margin-top: calc((134/192)*1rem);
}
#main #us .ab-content .ab-us .bottom .b-left{
    padding-top: calc((100/192)*1rem);
}
#main #us .ab-content .ab-us .bottom .b-right{
    height: calc((270/192)*1rem);
    background: url("../img/500340418.png") no-repeat center/100%;
}
#main #us .ab-content .ab-us .bottom .b-right h5{
    right: 0;
    width: calc((129/192)*1rem);
    height: calc((90/192)*1rem);
    line-height: calc((90/192)*1rem);
}
#main #us .ab-content .contact{
    height: calc((378/192)*1rem);
    background-color: white;
}
#main #us .ab-content .contact >div .left,
#main #us .ab-content .contact >div .right{
    padding-top: calc((55/192)*1rem);
}
#main #us .ab-content .contact >div .left{
    width: calc((619/192)*1rem);

}
#main #us .ab-content .contact >div .left h4{
    width: calc((323/192)*1rem);
    height: calc((180/192)*1rem);
    background: url("../img/contact us.png") no-repeat center/100%;
}
#main #us .ab-content .contact >div .left p{
    margin-top: calc((50/192)*1rem);
    font-size: calc((20/192)*1rem);
}
#main #us .ab-content .contact >div .right h5{
    margin-bottom:calc((20/192)*1rem);
    color: red;
    font-size: calc((20/192)*1rem);
}
#main #us .ab-content .contact >div .right p{
    font-size: calc((17/192)*1rem);
    line-height: calc((29/192)*1rem);
}

/*咨询师展示*/
#main #us .teacher{
    height: calc((1563/192)*1rem);
}
#main #us .teacher .t-content{

    background-color: #f8f8f8;
    text-align: center;
}
#main #us .teacher .t-content .t-pic{
    width: calc((1200/192)*1rem);
}
#main #us .teacher .t-content .t-pic h4{
    padding-top: calc((58/192)*1rem);
    color:#333;
    font-size: calc((30/192)*1rem);

}
#main #us .teacher .t-content .t-pic p{
    color:#828282;
    font-size: calc((22/192)*1rem);
  
}
#main #us .teacher .t-content .t-pic p + p{
    color:#333;
    font-size: calc((18/192)*1rem);
  
    line-height: calc((33/192)*1rem);
}
#main #us .teacher .t-content .t-pic p:nth-of-type(1){
    font-size: calc((26/192)*1rem);
    font-weight: lighter;
}
#main #us .teacher .t-content .t-pic p:nth-of-type(2){
    padding-top: calc((40/192)*1rem);
}
#main #us .teacher .t-content .t-pic p:nth-of-type(4){
    padding-bottom: calc((40/192)*1rem);
}
#main #us .teacher .t-content .t-pic .t-list{
    height: calc((1050/192)*1rem);
}
#main #us .teacher .t-content .t-pic .t-list ul{
    flex-wrap: wrap;
    justify-content: space-between;
}
#main #us .teacher .t-content .t-pic .t-list ul li{
    padding-bottom: calc((50/192)*1rem);
}
#main #us .teacher .t-content .t-pic .t-list ul li div{
    width: calc((384/192)*1rem);
    height:calc((439/192)*1rem);
    /*background: url("../img/liu.png") no-repeat center/100%;*/
}

#main #us .teacher .t-content .t-pic .t-list ul li div p{
    top: 0;
    left: 0;
    background-color: rgba(230,0,18,.9);
    font-size: calc((16/192)*1rem);
    opacity: 0;
}
#main #us .teacher .t-content .t-pic .t-list ul li div p a{
    width: calc((300/192)*1rem);
    margin-top: calc((200/192)*1rem);
    color: white;
}
#main #us .teacher .t-content .t-pic .t-list  ul li > p{
    margin-top: calc((25/192)*1rem);
    font-size: calc((20/192)*1rem);
}
#main #us .teacher .btn{
    height: calc((175/192)*1rem);
}
#main #us .teacher .btn .center{
    user-select: none;
    width: calc((650/192)*1rem);
    margin: calc((63/192)*1rem) auto;

}
#main #us .teacher .btn .center .prv,
#main #us .teacher .btn .center .next,
#main #us .teacher .btn .center ul li{
    padding: calc((14/192)*1rem) calc((23/192)*1rem);
    background-color: #f8f8f8;
    font-size:calc((16/192)*1rem) ;
}
#main #us .teacher .btn .center ul li,
#main #us .teacher .btn .center .next{
    margin-left: calc((5/192)*1rem);
}
#main #us .teacher .btn .center ul li.on{
    background-color: #e60012;
    color: white;
}

/*customer*/
#main #us .customer{
    height:calc((1642/192)*1rem);
}
#main #us .customer .c-content{
    height:calc((1450/192)*1rem);
}
#main #us .customer .c-content .t-pic{
/*    height:calc((1124/192)*1rem);*/
}
#main #us .customer .c-content .t-pic .c-list{
    margin-top: calc((50/192)*1rem);
}

#main #us .customer .c-content .t-pic .c-list > ul > li.on{
    display: block;
}
#main #us .customer .c-content .t-pic .c-list ul{
    flex-wrap: wrap;
    justify-content: space-between;
}
#main #us .customer .c-content .t-pic .c-list ul li{
    width: calc((272/192)*1rem);
    height:calc((131/192)*1rem);
    margin-bottom: 40px;
    /*background: url("../img/bright.png") no-repeat center/100%;*/
}
#main #us .customer .c-content .t-pic .c-list ul li img{
    display: block;
    
}
#main #us .customer .btn .center ul li.on{
    background-color: #e60012;
    color: white;
}



/*我们的业绩*/

#main #us .result {
    height: calc((2300/192)*1rem);

}
#main #us .result .r-title{
    height: calc((675/192)*1rem);
    background-color: #f8f8f8;
    text-align: center;
}
#main #us .result .r-title .rt-content{
    width: calc((1200/192)*1rem);
    padding-top: calc((59/192)*1rem);
}
#main #us .result .r-title .rt-content h4{
    color:#333;
    font-size: calc((30/192)*1rem);
}
#main #us .result .r-title .rt-content > p{
   color: #333;
    font-size: calc((18/192)*1rem);
   ;
}
#main #us .result .r-title .rt-content > p:nth-of-type(1){
    margin-bottom: calc((46/192)*1rem);
     color:#828282;
    font-size: calc((22/192)*1rem);
    font-weight: lighter;
}
#main #us .result .r-title .rt-content > p:nth-of-type(2){
    text-indent: calc((36/192)*1rem);
}
#main #us .result .r-title .rt-content > p:nth-of-type(2),
#main #us .result .r-title .rt-content > p:nth-of-type(3){
    line-height:  calc((32/192)*1rem);
}
#main #us .result .r-title .rt-content > p:nth-of-type(3){
    margin-bottom:  calc((35/192)*1rem);
}
#main #us .result .r-title .rt-content > i{
    width: calc((90/192)*1rem);
    height: calc((6/192)*1rem);
    margin-left: calc((-35/192)*1rem);
    background-color: #e60012;
}
#main #us .result .r-title .rt-content .toggle{
    height:calc((50/192)*1rem);
    margin-top: calc((95/192)*1rem);
    margin-bottom: calc((68/192)*1rem);
}
#main #us .result .r-title .rt-content .toggle li p{
    font-size: calc((22/192)*1rem);
    text-align: center;
}
#main #us .result .r-title .rt-content .banner{
    height: calc((91/192)*1rem);
}

#main #us .result .r-title .rt-content .banner p{
    top: 50%;
    width: calc((6/192)*1rem);
    height: calc((6/192)*1rem);
    margin-top: calc((-3/192)*1rem);
    background-color: #e60012;
    border-radius: 50%;
    z-index: 1;
}
#main #us .result .r-title .rt-content .banner p:nth-of-type(2){
    right:0;
}
#main #us .result .r-title .rt-content .banner ul{
    width: calc((2550/192)*1rem);
    transition: 2s;
}
#main #us .result .r-title .rt-content .banner ul li{
    width: calc((220/192)*1rem);
    height: calc((91/192)*1rem);
}
#main #us .result .r-title .rt-content .banner ul li:nth-child(1){
    width: calc((350/192)*1rem);
}
#main #us .result .r-title .rt-content .banner ul li img{
    left: 0;
    width: calc((91/192)*1rem);
    height: calc((91/192)*1rem);
/*    background: url("../img/mah2.png") no-repeat center/100%;*/
}
#main #us .result .r-title .rt-content .banner ul li:nth-child(1) img{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
#main #us .result .r-title .rt-content .banner ul li span{
    top: 50%;
    right: 0;
    width: calc((129/192)*1rem);
    height: calc((19/192)*1rem);
    margin-top: calc((-10/192)*1rem);
    background: url("../img/--.jpg") no-repeat center/100%;
}
#main #us .result .r-title .rt-content .banner ul li:nth-child(1) span:nth-child(1){
    left:0;
}
#main #us .result .r-title .rt-content .r-next,
 #main #us .result .r-title .rt-content .r-prv{
     top: 89%;
     width: calc((25/192)*1rem);
     height: calc((43/192)*1rem);
 }
#main #us .result .r-title .rt-content  .r-next{
    right: calc((-50/192)*1rem);
    background: url("../img/right.png") no-repeat center/100%;
}
#main #us .result .r-title .rt-content .r-prv{
    left: calc((-50/192)*1rem);
    background: url("../img/left.png") no-repeat center/100%;
}
#main #us .result .r-bottom{
    width: calc((1200/192)*1rem);
    padding-top: calc((92/192)*1rem);
}
#main #us .result .r-bottom ul li img{
    width: calc((571/192)*1rem);
}
#main #us .result .r-bottom ul li .left img{
    height: calc((379/192)*1rem);
}
#main #us .result .r-bottom ul li .right img{
    height: calc((264/192)*1rem);
}
#main #us .result .r-bottom ul li a{
    top: 0;
    left: 0;
    width: calc((571/192)*1rem);
    height: calc((379/192)*1rem);
    background: rgba(0,0,0,.5) url("../img/+yuan .png") no-repeat center;
    opacity: 0;
}
#main #us .result .r-bottom ul li .right a{
    right: 0;
    width: calc((571/192)*1rem);
    height: calc((264/192)*1rem);
}
#main #us .result .r-bottom ul li .rb-top .rbt-t {
}
#main #us .result .r-bottom ul li .left,
#main #us .result .r-bottom ul li .right{
    width: calc((571/192)*1rem);
}
#main #us .result .r-bottom ul li .right{
/*    padding-top:calc((30/192)*1rem) ;*/
}

#main #us .result .r-bottom ul li h5{
    padding-top:calc((30/192)*1rem); 
    padding-bottom: calc((13/192)*1rem);
    border-bottom:1px solid #e60012 ;
    color: #e60012;
    font-size: calc((24/192)*1rem);
    font-weight: bolder;
}
#main #us .result .r-bottom ul li p{
    color: #333;
    font-size:calc((18/192)*1rem);
    line-height: calc((30/192)*1rem);
}

/*我们的历史*/
#main #us .history{
    height: calc((3500/192)*1rem);
    padding-top: calc((45/192)*1rem);;
    font-size: calc((30/192)*1rem);
}
#main #us .history h4,
#main #us .history > p{
    text-align: center;
}
#main #us .history h4{
    color:#333;
    font-size: calc((30/192)*1rem);
}
#main #us .history > p{
    margin-bottom:calc((126/192)*1rem);;
    color:#828282;
    font-size: calc((22/192)*1rem);
    font-weight: lighter;
    letter-spacing: 2px;
}
#main #us .history .h-content{
    width: calc((1260/192)*1rem);
}
#main #us .history .h-content .hc-title{
    font-size: calc((18/192)*1rem);
    margin-bottom: calc((56/192)*1rem);
    text-align: center;
    justify-content: space-between;
}
#main #us .history .h-content .hc-title li{
    width: calc((420/192)*1rem);
    height: calc((59/192)*1rem);
    border: calc((1/192)*1rem) solid #d9d9d9;
    line-height: calc((59/192)*1rem);
}
#main #us .history .h-content .hc-title li.on{
    background-color: #e60012;
    color: white;
}
#main #us .history .h-content .left,
#main #us .history .h-content .right{
    font-size:calc((18/192)*1rem) ;
}
#main #us .history .h-content .left{
    width: calc((339/192)*1rem);
    line-height: calc((36/192)*1rem);
}
#main #us .history .h-content .left h5{
    margin-bottom: calc((54/192)*1rem);
    font-weight: bold;
}
#main #us .history .h-content .left h5 span{
    padding-bottom: calc((29/192)*1rem);
    border-bottom:calc((2/192)*1rem) solid #e60012;
}
#main #us .history .h-content .right{
    width: calc((895/192)*1rem);
}
#main #us .history .h-content .right > li{
    margin-bottom: calc((40/192)*1rem);
    padding-bottom: calc((35/192)*1rem);
    border-bottom: calc((1/192)*1rem) solid #e8e8e8 ;
}
#main #us .history .h-content .right li > div{
    color: #e60012;
}
#main #us .history .h-content .right li ul li{
    width: calc((750/192)*1rem);

    line-height: calc((40/192)*1rem);
}
#main #us .history .h-content .right li ul li span{
    display: inline-block;
    width: calc((50/192)*1rem);
    margin-right: calc((30/192)*1rem);
}
#main #us .history .h-content .right li ul li p{
    width: calc((630/192)*1rem);
    display: inline-block;
    color: #343434;
}

/*我们的文化*/
#main #us .culture{

    background-color: #f8f8f8;
}
#main #us .culture{
    padding-top: calc((45/192)*1rem);;
    font-size: calc((30/192)*1rem);
}
#main #us .culture > p,
#main #us .culture h4{
    text-align: center;
}
#main #us .culture h4{
    color: #333;
}
#main #us .culture > p {
    margin-bottom: calc((50/192)*1rem);
    color: #828282;
    font-size: calc((22/192)*1rem);
    font-weight: lighter;
    letter-spacing: 2px;
}
#main #us .culture .pic{
    width: calc((1200/192)*1rem);
    height: calc((913/192)*1rem);
    flex-wrap: wrap;
    justify-content: space-between;
}
#main #us .culture .pic li{
    width: calc((305/192)*1rem);
    height: calc((325/192)*1rem);
    padding:calc((32/192)*1rem) calc((37/192)*1rem) ;
    background-color: white;
    transition:margin-top .3s;
}
#main #us .culture .pic li h5{
    font-size: calc((16/192)*1rem);
    margin-bottom: calc((30/192)*1rem);
    color: #a3a3a3;
}
#main #us .culture .pic li h5 span{

    font-size: calc((34/192)*1rem);
    font-weight: bolder;
}
#main #us .culture .pic p{
    margin-bottom:calc((22/192)*1rem);
    padding-bottom: calc((22/192)*1rem);
    border-bottom:calc((2/192)*1rem) solid #d1d1d1;
    color: #505050;
    font-size: calc((18/192)*1rem);
    line-height: calc((30/192)*1rem);

}
#main #us .culture img{
    width: calc((305/192)*1rem);
    height: calc((142/192)*1rem);
}
#main #us .culture .btn{
    white-space: nowrap;
    background-color: white;
}
#main #us .culture .btn{
    height: calc((175/192)*1rem);
}
#main #us .culture .btn .center{
    user-select: none;
    width: calc((650/192)*1rem);
    padding-top: calc((63/192)*1rem);
}
#main #us .culture .btn .center .prv,
#main #us .culture .btn .center .next,
#main #us .culture .btn .center ul li{
    padding: calc((14/192)*1rem) calc((23/192)*1rem);
    background-color: #f8f8f8;
    font-size:calc((16/192)*1rem) ;
}
#main #us .culture .btn .center ul li,
#main #us .culture .btn .center .next{
    margin-left: calc((5/192)*1rem);
}
#main #us .culture .btn .center ul li.on{
    background-color: #e60012;
    color: white ;
}

#main #us > div.on{
    display: block;
}









